/*page*/
.pages{font-size:14px; line-height:1.8;color:#333;}
.pages p{padding:10px 0;}
h1{font-size:2em}
h2{font-size:1.6em}
.pages h3 { font-size:1.4em;line-height:2;margin-top: 10px;  border-bottom: 1px solid #e0e0e0 }
.pages h3 span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-bottom: -1px; border-bottom: 2px solid #4D4D4D; color: #333 }

/*NewsNav*/
.NewsNav{ position:relative; overflow:hidden;}
.NewsNav ul{  }
.NewsNav ul li{ height:30px; text-indent:25px;  background:url(../image/ico_menuno.png) no-repeat left center; font-size:14px; line-height:30px; border-bottom:1px dotted #ccc;}
.NewsNav ul li a{ color:#333 !important; text-decoration:none;}
.NewsNav ul li:hover{ opacity:0.8; }
.NewsNav ul li.on{ background:url(../image/ico_menuno.png) no-repeat left center;}
.NewsNav ul li.on a{color:#00b7ee !important;}
.w790{ width:790px;}
.w160{ width:160px;}

.bgcw{ background-color:#FFF; overflow:hidden;width: 980px;margin:0 auto;}

/*webCate */
.webCate{ position:relative;}
.webCate .hd{ overflow: hidden; margin-bottom:20px;  line-height:1.1;}
.webCate .hd .tit{ font-size:22px; color:#333;}
.webCate .bd{ padding-bottom:20px;}
.webCate .bd .con{line-height:2.2em; margin-top:20px; text-align:left; color:#666666; font-size:16px; }
.webCate .bd .con p{text-indent:2em}
.webCate .bd ul{ margin-left:-20px; margin-top:-40px;}
.webCate .bd ul li{ width:315px; float:left; margin-left:18px;margin-top:40px; background:#f0f2f4;}
.webCate .bd ul li:hover{background:#d4d4d4;}
.webCate .bd ul li:hover .name a{ color:#000 !important;}
.webCate .bd ul li:hover .txtinfo{ color:#333;}
.webCate .bd ul li:hover .btns{ color:#333;}
.webCate .bd ul li .pic img{ vertical-align:middle; width:315px; height:240px;}
.webCate .bd ul li .name{padding:0px 10px; font-size:16px; margin:8px 0;  }
.webCate .bd ul li .name a{ color:#333;}
.webCate .bd ul li .txtinfo{ height:5em; overflow:hidden; line-height:20px; margin:8px 0 10px 0;padding:0px 10px; }
.webCate .bd ul li .btns{ padding:0px 10px; font-size:14px; margin-bottom:15px; }
.webCate .bd ul li .btns strong{ font-size:18px; margin-right:6px;}
.webCate .bd ul li .btns .btn{ display:block; height:26px; width:80px; background:#00a8ec; text-align:center; line-height:24px; font-size:14px;  color:#fff !important; text-decoration:none;}

/*advantage */
.advantage{ position:relative;}
.advantage .hd{ overflow: hidden; margin-bottom:20px;  line-height:1.1;}
.advantage .hd .tit{ font-size:22px; color:#333;}
.advantage .bd{ }
.advantage .bd ul{ margin-left:-20px; margin-top:-40px;}
.advantage .bd ul li{ width:320px; float:left; margin-left:20px;margin-top:40px; background:#f0f2f4;}
.advantage .bd ul li:hover{background:#d4d4d4;}
.advantage .bd ul li:hover .name a{ color:#000 !important;}
.advantage .bd ul li:hover .txtinfo{ color:#333;}
.advantage .bd ul li:hover .btns{ color:#333;}

/*webStep */
.webStep{ position:relative;}
.webStep .hd{ overflow: hidden; margin-bottom:20px;  line-height:1.1;}
.webStep .hd .tit{ font-size:22px; color:#333;}
.webStep .bd{ }
.webStep .bd ul{ margin-left:-20px; margin-top:-40px;}
.webStep .bd ul li{ width:320px; float:left; margin-left:20px;margin-top:40px; background:#f0f2f4;}
.webStep .bd ul li:hover{background:#d4d4d4;}
.webStep .bd ul li:hover .name a{ color:#000 !important;}
.webStep .bd ul li:hover .txtinfo{ color:#333;}
.webStep .bd ul li:hover .btns{ color:#333;}


.main_about {
	background: url(../image/dian_03.jpg); overflow: hidden; width: 100%
}
.about {
	font-size: 14px; margin: 20px auto; overflow: hidden; width: 980px; color: #9faab3; line-height: 28px; text-align: left
}

.about h1 {
	font-size: 24px; margin-bottom: 10px; color: #fff
}
.about .list1 {
	margin: 20px auto; overflow: hidden; width: 980px
}
.about .list1 ul {
	float: left; width: 535px
}
.about p {
	text-indent: 24px
}
.about .list1 ul p a {
	color: #4da422
}
.about .list1 ul p a:hover {
	text-decoration: underline
}
.about .list1 span {
	margin-top: 40px; display: block; float: right
}
.about .list2 {
	margin: 80px auto; overflow: hidden; width: 980px
}
.about .list2 span {
	float: left
}
.about .list2 ul {
	float: right; width: 640px
}
.about .list2 h2 {
	margin-top: 30px; font-size: 28px
}
.about .list2 h2 b {
	color: #4da422
}
.about .list3 {
	margin: 60px auto; overflow: hidden; width: 980px
}
.about .list3 ul {
	float: left; width: 435px
}
.about .list3 span {
	border-right: #676f76 3px solid; border-top: #676f76 3px solid; margin-top: 20px; display: block; float: right; border-left: #676f76 3px solid; border-bottom: #676f76 3px solid
}

.devbox{
	margin-top:30px;width:980px;
}
.devbox td{font-size:14px;line-height:2}